// 背景颜色

@each $text, $color in $colors {
  .bg-#{$text} {
    background-color: $color;
  }

  @if $pc {
    .hover-bg-#{$text}:hover {
      background-color: $color;
    }

    .focus-bg-#{$text}:focus {
      background-color: $color;
    }

    .active-bg-#{$text}:active {
      background-color: $color;
    }
  }
}

.bg-transparent {
  background-color: transparent;
}
.bg-current {
  background-color: currentColor;
}

@if $pc {
  .hover-bg-transparent:hover {
    background-color: transparent;
  }

  .focus-bg-transparent:focus {
    background-color: transparent;
  }

  .active-bg-transparent:active {
    background-color: transparent;
  }

  .hover-bg-current:hover {
    background-color: currentColor;
  }

  .focus-bg-current:focus {
    background-color: currentColor;
  }

  .active-bg-current:active {
    background-color: currentColor;
  }
}
